body {
    max-width: 10rem;
    min-width: 4.2667rem;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f7f7f7;
}
a {
    text-decoration: none;
    color:#707070;
}
a,h4{
    margin: 0;
    padding: 0;
}

@media screen and (min-width:75px){
    html {
        font-size: 37.5px !important;
    }
}

.first-part {
    background-color: #fff;
    padding-top: .6667rem;
    // 头部
    header {
        font-weight: 400;
        text-align: center;
        height: 1.0667rem;
        line-height: 1.0667rem;
        font-size: .4667rem;
        color: #1C1C1C;
        border-bottom: 1px solid #EAEAEA;
        
    }

    // nav部分
   nav {
       display: flex;
       flex-wrap: wrap;
    
       a {
         flex:33.33%;
         display: flex;
         flex-direction: column;
         align-items: center;
         color: #707070;
        }

      .nav-img {
         width: 1.44rem;
         height: 1.44rem;
         margin: .6667rem auto .4rem auto;
        }
      .nav-desc {
         font-size: .3333rem;
        }

    }

    // 每日十练
    .go {
       width: 100%;
       padding:50px  .2667rem;
   
    }
}

.second-part {
    margin-top: .1333rem;
    background-color: #fff;
    // 就业指导
   .job {
    margin-top: .1333rem;
 
       .job-hd {
        display: flex;
        justify-content: space-between;
        height: .5333rem;
        line-height: .5333rem;
        padding-top: .5333rem;
        
          .job-hd-title {
            display: flex;
            margin-left: .2933rem;
            .icon {
                display: block;
                width: .5067rem;
                height: .5067rem;
                margin-right: .24rem;
                
            }
    
            .job-hd-title-con {
                font-size: .3733rem;
                color: #333; 
             }
          }
        

          .more {
            padding-right: .32rem;
            font-size: .2933rem;
            color: #999;
          }
       }

       .job-bd {
        position:relative;
        padding-top: 1.0667rem;
           .swiper-container {
            width: 7.0667rem;
           }
           .swiper-slide {
            text-align: center;
            font-size: 18px;
            
      
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            transition: 300ms;
            // 其余的兄弟是 0.8
            transform: scale(0.8);
            opacity: 0.4;
           }
          .swiper-slide-active,.swiper-slide-duplicate-active{
            //   当前图片的亮度，而且要压住其他图片
              transform: scale(1);
              z-index: 999;
              opacity: 1;
           }

           .swiper-slide-img {
              display: block;
              width: 4.5067rem;
              height: 5.0133rem;
           }
           .swiper-slide-desc {
              margin-top: .32rem;
              font-size: .3333rem;
              color: #333;
           }

          .swiper-button-next::after,.swiper-button-prev::after {           
             color:#333;
           }
          .swiper-button-next {
             right: .3333rem;
             width:  .2667rem  ;
             height: .4rem;
            
          }
          .swiper-button-prev {
            left: .3333rem;
            width:.4rem;
            height: .4rem;
          }

          .play-btn {
            position:absolute;
            left: 50%;
            top: 50%;
            transform: translateX(-50%);
            transform: translateY(-50%);
            width: .9067rem;
            height: .9067rem;
            border-radius: .9067rem;
            opacity: .5;
            background-color: #000;
            z-index: 1000;
            a::after {
                display: block;
                position:absolute;
                top:.3067rem;
                left: .3067rem;
                font-family: 'icomoon';
                content: "\e949";
                width: .2667rem;
                height: .3467rem;
                color: #F2F4F7;
                opacity: .7;
            }
          }
       }

   }
}

.third-part {
    background-color: #fff;
    margin-top: .1333rem;

    // 充电学习
.learn{
    margin-top: .1333rem;
    margin-bottom: 1.5067rem;
   
    .learn-hd {
        display: flex;
        justify-content: space-between;
        height: .5333rem;
        line-height: .5333rem;
        padding-top: .5333rem;
        
        .learn-hd-title {
            display: flex;
            margin-left: .2933rem;
            .icon {
                display: block;
                width: .5067rem;
                height: .5067rem;
                margin-right: .24rem;
                
            }
    
            .learn-hd-title-con {
                font-size: .3733rem;
                color: #333; 
             }
        }
        

        .more {
            padding-right: .32rem;
            font-size: .2933rem;
            color: #999;
        }
    }

    .learn-bd {
        padding: 1.0667rem .2rem  ;
        overflow: hidden;
        .swiper {
            width: 10rem;
           
          }
    
          .swiper-slide {
              display: flex;
              flex-direction: column;
              margin-left: .4rem;
              background: #fff;
              width: 3.7067rem;
              border-radius: .2rem;
              box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
              padding: .0667rem;
              .learn-img {
                  border-radius: .1333rem;
                width: 3.6267rem;
                height: 2.28rem;
              }

              .learn-desc {
                font-size: .3467rem;
                color:#333;
                margin-top: .1333rem;
                margin-left: .0667rem;
              }
              .learn-comments {
                  display: flex;
                  margin: .0667rem auto auto .2rem;
                  font-size: .3467rem;
                  .num {
                      color:#FF4400;
                  }
                  .common {
                      color:#ccc;
                  }

              }
              
    
            
        }
    
      
    }

}

}
// 底部
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 2rem;
    width: 100%;
  
    z-index: 99999;
    display: flex;
    padding: .2667rem;
    background-color: #fff;
    border-top: 1px solid #ccc;
    .item {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      img {
        width: .5333rem;
        height: .5333rem;
      }
      p {
        font-size: .2933rem;
        color: #666666;
        margin-top: 0.266667rem;
      }
    }
  }